<div class="main-content">
    <div class="main-content-inner">
        <div class="breadcrumbs ace-save-state" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="index">系统主页</a>
                </li>
                <li>
                    <i class="ace-icon fa fa-home fa-pencil-square-o"></i>
                    <a href="#">发起申报</a>
                </li>
            </ul><!-- /.breadcrumb -->

            <div class="nav-search" id="nav-search">
                <form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="ace-icon fa fa-search nav-search-icon"></i>
								</span>
                </form>
            </div><!-- /.nav-search -->
        </div>

        <div class="page-content">
            <div class="row">
                <div class="col-xs-12">
                    <!-- PAGE CONTENT BEGINS -->
                    <h4 class="lighter">
                        <i class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
                        <a href="status" class="pink"> 查看已发起的申报 </a>
                    </h4>

                    <div class="hr hr-18 hr-double dotted"></div>

                    <div class="widget-box">
                        <div class="widget-header widget-header-blue widget-header-flat">
                            <h4 class="widget-title lighter">项目信息</h4>

                            <div class="widget-toolbar">
                                <label>
                                    <small class="green">
                                        <b>验证</b>
                                    </small>

                                    <input id="skip-validation" type="checkbox" class="ace ace-switch ace-switch-4">
                                    <span class="lbl middle"></span>
                                </label>
                            </div>
                        </div>

                        <div class="widget-body">
                            <div class="widget-main">
                                <div id="fuelux-wizard-container" class="no-steps-container">
                                    <div>
                                        <ul class="steps" style="margin-left: 0">
                                            <li data-step="1" class="active">
                                                <span class="step">1</span>
                                                <span class="title">填写基本信息</span>
                                            </li>

                                            <li data-step="2" class="">
                                                <span class="step">2</span>
                                                <span class="title">填写项目信息</span>
                                            </li>

                                            <li data-step="3" class="">
                                                <span class="step">3</span>
                                                <span class="title">上传相关文件</span>
                                            </li>

                                            <li data-step="4" class="">
                                                <span class="step">4</span>
                                                <span class="title">完成！</span>
                                            </li>
                                        </ul>
                                    </div>

                                    <hr>

                                    <div class="step-content pos-rel">
                                        <div class="step-pane active" data-step="1">
                                            <h3 class="lighter block green">填写项目基本信息</h3>

                                            <form class="form-horizontal" id="sample-form" style="display: block;">
                                                <div class="form-group">
                                                    <label class="col-xs-12 col-sm-3 control-label no-padding-right">项目名称</label>
                                                    <div class="col-xs-12 col-sm-5">
																	<span class="block input-icon input-icon-right">
																		<input type="text" id="project_name" class="width-100">
																		<i class="ace-icon fa fa-leaf"></i>
																	</span>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-xs-12 col-sm-3 control-label no-padding-right">申请人</label>
                                                    <div class="col-xs-12 col-sm-5">
																	<span class="block input-icon input-icon-right">
																		<input type="text" id="user_name" class="width-100">
																		<i class="ace-icon fa fa-leaf"></i>
																	</span>
                                                    </div>
                                                </div>
                                            </form>

                                            <form class="form-horizontal hide" id="validation-form" method="get" novalidate="novalidate">
                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="email">Email Address:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <input type="email" name="email" id="email" class="col-xs-12 col-sm-6" aria-required="true" aria-describedby="email-error">
                                                        </div><div id="email-error" class="help-block">Please provide a valid email.</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="password">Password:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <input type="password" name="password" id="password" class="col-xs-12 col-sm-4" aria-required="true" aria-describedby="password-error">
                                                        </div><div id="password-error" class="help-block">Please specify a password.</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="password2">Confirm Password:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <input type="password" name="password2" id="password2" class="col-xs-12 col-sm-4" aria-required="true" aria-describedby="password2-error">
                                                        </div><div id="password2-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="hr hr-dotted"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="name">Company Name:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <input type="text" id="name" name="name" class="col-xs-12 col-sm-5" aria-required="true" aria-describedby="name-error">
                                                        </div><div id="name-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="phone">Phone Number:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="input-group">
																		<span class="input-group-addon">
																			<i class="ace-icon fa fa-phone"></i>
																		</span>

                                                            <input type="tel" id="phone" name="phone" aria-required="true" aria-describedby="phone-error">
                                                        </div><div id="phone-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="url">Company URL:</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <input type="url" id="url" name="url" class="col-xs-12 col-sm-8" aria-required="true" aria-describedby="url-error">
                                                        </div><div id="url-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="hr hr-dotted"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">Subscribe to</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div>
                                                            <label>
                                                                <input name="subscription" value="1" type="checkbox" class="ace" aria-required="true" aria-describedby="subscription-error">
                                                                <span class="lbl"> Latest news and announcements</span>
                                                            </label>
                                                        </div>

                                                        <div>
                                                            <label>
                                                                <input name="subscription" value="2" type="checkbox" class="ace">
                                                                <span class="lbl"> Product offers and discounts</span>
                                                            </label>
                                                        </div>
                                                        <div id="subscription-error" class="help-block">Please choose at least one option</div></div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right">Gender</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div>
                                                            <label class="line-height-1 blue">
                                                                <input name="gender" value="1" type="radio" class="ace" aria-required="true" aria-describedby="gender-error">
                                                                <span class="lbl"> Male</span>
                                                            </label>
                                                        </div>

                                                        <div>
                                                            <label class="line-height-1 blue">
                                                                <input name="gender" value="2" type="radio" class="ace">
                                                                <span class="lbl"> Female</span>
                                                            </label>
                                                        </div>
                                                        <div id="gender-error" class="help-block">Please choose gender</div></div>
                                                </div>

                                                <div class="hr hr-dotted"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="state">State</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <select id="state" name="state" class="select2 select2-hidden-accessible" data-placeholder="Click to Choose..." style="width: 200px;" tabindex="-1" aria-hidden="true" aria-required="true" aria-describedby="state-error">
                                                            <option value="">&nbsp;</option>
                                                            <option value="AL">Alabama</option>
                                                            <option value="AK">Alaska</option>
                                                            <option value="AZ">Arizona</option>
                                                            <option value="AR">Arkansas</option>
                                                            <option value="CA">California</option>
                                                            <option value="CO">Colorado</option>
                                                            <option value="CT">Connecticut</option>
                                                            <option value="DE">Delaware</option>
                                                            <option value="FL">Florida</option>
                                                            <option value="GA">Georgia</option>
                                                            <option value="HI">Hawaii</option>
                                                            <option value="ID">Idaho</option>
                                                            <option value="IL">Illinois</option>
                                                            <option value="IN">Indiana</option>
                                                            <option value="IA">Iowa</option>
                                                            <option value="KS">Kansas</option>
                                                            <option value="KY">Kentucky</option>
                                                            <option value="LA">Louisiana</option>
                                                            <option value="ME">Maine</option>
                                                            <option value="MD">Maryland</option>
                                                            <option value="MA">Massachusetts</option>
                                                            <option value="MI">Michigan</option>
                                                            <option value="MN">Minnesota</option>
                                                            <option value="MS">Mississippi</option>
                                                            <option value="MO">Missouri</option>
                                                            <option value="MT">Montana</option>
                                                            <option value="NE">Nebraska</option>
                                                            <option value="NV">Nevada</option>
                                                            <option value="NH">New Hampshire</option>
                                                            <option value="NJ">New Jersey</option>
                                                            <option value="NM">New Mexico</option>
                                                            <option value="NY">New York</option>
                                                            <option value="NC">North Carolina</option>
                                                            <option value="ND">North Dakota</option>
                                                            <option value="OH">Ohio</option>
                                                            <option value="OK">Oklahoma</option>
                                                            <option value="OR">Oregon</option>
                                                            <option value="PA">Pennsylvania</option>
                                                            <option value="RI">Rhode Island</option>
                                                            <option value="SC">South Carolina</option>
                                                            <option value="SD">South Dakota</option>
                                                            <option value="TN">Tennessee</option>
                                                            <option value="TX">Texas</option>
                                                            <option value="UT">Utah</option>
                                                            <option value="VT">Vermont</option>
                                                            <option value="VA">Virginia</option>
                                                            <option value="WA">Washington</option>
                                                            <option value="WV">West Virginia</option>
                                                            <option value="WI">Wisconsin</option>
                                                            <option value="WY">Wyoming</option>
                                                        </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 200px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-state-container"><span class="select2-selection__rendered" id="select2-state-container"><span class="select2-selection__placeholder">Click to Choose...</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span><div id="state-error" class="help-block">Please choose state</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="platform">Platform</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <select class="input-medium" id="platform" name="platform" aria-required="true" aria-describedby="platform-error">
                                                                <option value="">------------------</option>
                                                                <option value="linux">Linux</option>
                                                                <option value="windows">Windows</option>
                                                                <option value="mac">Mac OS</option>
                                                                <option value="ios">iOS</option>
                                                                <option value="android">Android</option>
                                                            </select>
                                                        </div><div id="platform-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="space-2"></div>

                                                <div class="form-group has-error">
                                                    <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="comment">Comment</label>

                                                    <div class="col-xs-12 col-sm-9">
                                                        <div class="clearfix">
                                                            <textarea class="input-xlarge" name="comment" id="comment" aria-required="true" aria-describedby="comment-error"></textarea>
                                                        </div><div id="comment-error" class="help-block">This field is required.</div>
                                                    </div>
                                                </div>

                                                <div class="space-8"></div>

                                                <div class="form-group has-error">
                                                    <div class="col-xs-12 col-sm-4 col-sm-offset-3">
                                                        <label>
                                                            <input name="agree" id="agree" type="checkbox" class="ace" aria-required="true" aria-describedby="agree-error">
                                                            <span class="lbl"> I accept the policy</span><div id="agree-error" class="help-block">Please accept our policy</div>
                                                        </label>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>

                                        <div class="step-pane" data-step="2">
                                            <div class="center">
                                                <h3 class="blue lighter">This is step 2</h3>
                                            </div>
                                        </div>

                                        <div class="step-pane" data-step="3">
                                            <div class="center">
                                                <h3 class="blue lighter">This is step 3</h3>
                                            </div>
                                        </div>

                                        <div class="step-pane" data-step="4">
                                            <div class="center">
                                                <h3 class="green">恭喜!</h3>
                                                你已经完成项目申报!
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <hr>
                                <div class="wizard-actions">
                                    <button class="btn btn-prev" disabled="disabled">
                                        <i class="ace-icon fa fa-arrow-left"></i>
                                        上一步
                                    </button>

                                    <button class="btn btn-success btn-next" data-last="Finish">
                                        下一步

                                        <i class="ace-icon fa fa-arrow-right icon-on-right"></i></button>
                                </div>
                            </div><!-- /.widget-main -->
                        </div><!-- /.widget-body -->
                    </div>
                    <!-- PAGE CONTENT ENDS -->
                </div><!-- /.col -->
            </div><!-- /.row -->

        </div><!-- /.page-content -->
    </div>
</div><!-- /.main-content -->